<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home news">
        <!-- <div> -->
            <div class="h-header">
                <input type="text" class="h-search">
                <i class="magnifier"></i>
            </div>
            <div class="h-lists">
                <a href="javascript:;" class="board"><i class="i-board"></i><span>留言板</span></a>
                <a href="javascript:;" class="donation"><i class="i-donation"></i><span>公益捐步</span></a>
                <a href="javascript:;" class="notice"><i class="i-notice"></i><span>近期公告</span></a>
            </div>
            <div class="h-content news-content">
                <a href="javascript:;" class="z-q w">
                    <p class="origin"><span class="o-info">同宗同源</span>
                        <span class="o-info">宗亲互助</span>
                        <span class="o-info">溯流追源</span>
                        <span class="o-info">弘扬宗族文化</span></p>
                    <h2><span>宗亲</span></h2>
                </a>
                <a href="javascript:;" class="Classmate w">
                    <h2 class="mate"><span>同学</span></h2>
                    <p class="c-mate">
                        <span class="tong">老同学，时光雕刻的花</span>
                        <span class="tong">老同学，说不完的话</span>
                        <span class="tong">老同学，喝不够的酒</span>
                    </p>
                </a>
                <a href="javascript:;" class="store w">宗亲商城</a>
            </div>
        <!-- </div> -->
        <div class="foot">
            <a href="javascript:;" class="footer f-active"><i class="h-pag"></i><span>首页</span></a>
            <a href="javascript:;" class="footer"><i class="mess"></i><span>消息</span></a>
            <a href="javascript:;" class="footer"><i class="h-user"></i><span>会员中心</span></a>
            <a href="javascript:;" class="footer"><i class="dynamic"></i><span>动态</span></a>
        </div>
    </div>
    <script src="./js/zepto.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>